<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"  language="java" %>
<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c" %>
<%@ taglib uri="/tags/struts-logic" prefix="logic" %>
<%@ taglib uri="/tags/struts-html" prefix="html" %>
<%@ taglib uri="/tags/struts-bean" prefix="bean" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html:html locale="true">
<head>
</head>
<c:set var="lstClientes" value="${requestScope.lstClientes}"></c:set>
<c:set var="encuesta" value="${requestScope.encuesta}"></c:set>
<body>
<html:form action="/ProcesoNivel3" name="procesoAsociacion" styleId="procesoAsociacion" type="com.epcs.subGNuevosNegocios.eci.struts.form.ProcesoNivel3Form">
<input type="hidden" id="dispatch" name="dispatch" value=""/>
<input type="hidden" id="hdnRutCliente" name="hdnRutCliente" value=""/>

<table align="right">
	<tr>
		<td align="right"><img alt="Cerrar" src="../image/close.png" width="20" onclick="$('#divClientBox').hide()"> </td>
	</tr>
</table>
<br>
<br>
<table width="95%">
	<thead class="csstextreadonlyl">Asignaci&oacute;n clientes a Preguntas Especificas</thead>
</table>
<hr/>
<br>
<table width="80%" align="center" border="1">
	<thead class="csstextreadonlyl">Informaci&oacute;n</thead>
	<tr><td colspan="2">- Cada pregunta que se cree ser&aacute; evaluada en una escala de <c:out value="${encuesta.valorEscalaInicio }"></c:out> a <c:out value="${encuesta.valorEscalaFin }"></c:out>.<br/>
						- El m&iacute;nimo de clientes asignados a las preguntas es de <c:out value="${encuesta.cantidadClientesPorPreguntas}"></c:out>.</td></tr>
</table>
<br>
<hr/>
<fieldset>
    *Las casillas que aparezcan seleccionadas por defecto corresponde a clientes que ya estan asignados a la pregunta.
</fieldset>
<br/>
<fieldset id="fstMensaje" style="display: none">
</fieldset>
<br/>
<div id="divClientes" class="scrollv2">
<table width="95%" id="tblClientes" align="center">
	<thead class="csstextreadonlyl">Clientes seleccionados</thead>
	<tr>
		<td width="30%" class="csstextr">Area</td>
		<td width="30%" class="csstextr">Cliente</td>
		<td width="15%" class="csstextr"><input type="checkbox" class="chkTodosAsoc"/></td>
	</tr>
	<c:if test="${lstClientes!=null}">
 	 <c:forEach var="cliente" items="${lstClientes}">
	  <tr id="<c:out value="${cliente.rut}"/>">
	  	<td class='csstextr2'><c:out value="${cliente.nombreArea}"/></td>
	 	<td class='csstextr2'><c:out value="${cliente.nombreCompleto}"/></td>
	 	<td class='csstextr2' nowrap="nowrap">
	 	<input type="checkbox" class="chkClieAsoc" name="chkClieAsoc" <c:if test="${cliente.asociado>0}">checked="checked"</c:if> value="<c:out value="${cliente.rut}"/>">
	 	<img style="display: none" onclick="delClienteN3('<c:out value="${cliente.rut}"/>')" alt="retirar cliente de preguntas generales y específicas." src="../image/delete.png" border="0">
	 	</td>
	  </tr>
 	 </c:forEach>
	</c:if>
	<c:if test="${lstClientes==null}">
	 <tr>
		<td></td>
	 </tr>
   </c:if>
</table>
<br>
</div>
<br>
<hr>
<br>

<table width="95%">
	<tr>
		<td width="60%" align="left"><input type="button" class="cssbutton" value="Agregar más Clientes" onclick="agregarMasClientes()"/></td>
		<td width="15%"><input type="button" class="cssbutton" value="Cancelar" onclick="$('#divClientBox').hide();"/></td>
		<td width="15%"><input type="button" class="cssbutton" value="Guardar" onclick="validaAsociacion()"/></td>
	</tr>
</table>



</html:form>
</body>
</html:html>